<template>
  <div class="user">
      <div class="top">
          <div>
            <img/>
            <div @click="login()">立即登录</div>
          </div>
      </div>
      <ul class="mid">
        <li><i class="iconfont icon-huabanfuben"></i><span>电影订单</span></li>
        <li><i class="iconfont icon-74wodedingdan"></i><span>我的订单</span></li>
      </ul>
      <div style="width:100%;height:0.2rem;background:lightgray"></div>
      <div class="morelist">
        <i class="iconfont icon-youhuiquan"></i>
        <span>优惠券</span>
      </div>
      <div class="morelist">
        <i class="iconfont icon-hongbao"></i>
        <span>组合红包</span>
      </div>
      <div class="morelist">
        <i class="iconfont icon-yue"></i>
        <span>余额</span>
      </div>
      <div class="morelist">
        <i class="iconfont icon-shezhi"></i>
        <span>设置</span>
      </div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      cid:''
    }
  },
  created(){
   
  },
  methods:{
    login(){
       var cid = this.$cookie.getCookie('cityID')
      this.$router.push({path:'/login', query:{cid}})
    console.log(this.cid)

    }
  }
}
</script>

<style>
.user{
  flex:1;
}
.user .top{
  height:3rem;
  background:orangered;
  overflow: hidden;
}
.user .top>div{
  width:50%;
  display: flex;
  align-items: center;
  margin: 1rem 0 0 0.4rem;
}
.user .top div img{
  width:1rem;
  height:1rem;
  background:lightgray;
  border-radius: 0.5rem;
}
.user .top div div{
    font-size:0.3rem;
    color:white;
    margin-left:0.5rem;
}
.user ul{
  width:100%;
  height:1rem;
  display: flex;
}
.user ul li{
  width:50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user ul li i{
  font-size:0.5rem;
  color:green;
}
.user .morelist{
  margin:0 0.2rem;
  height:0.7rem;
  /* line-height: 0.7rem; */
  box-sizing: border-box;
  border-bottom: 0.01rem solid rgb(243, 243, 243);
  display: flex;
  align-items: center;
}
.user .morelist i{
  font-size:0.5rem;
  color:pink;
}
.user .morelist span{
  margin-left:0.2rem;
}

</style>